.container3 {
    width: calc(33.3% - 90px);
    height: 80%;
    background: #fff;
    margin: 0 15px;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgb(209, 209, 209);
    color: #333;
}

.title {
    font-size: 1.5em;
    color: #000;
    text-align: center;
    /* margin-bottom: 30px; */
}

.text {
    text-indent: 2em;
    margin-top: 15px;
}

.codeBlock {
    border-top: 1px solid rgb(216, 216, 216);
    padding-top: 5px;
    margin-top: 5px;
}

.codeBlock .code {
    width: 50%;
    white-space: pre-wrap;
    display: inline-block;
    margin: 0;
}

.codeBlock svg {
    width: 50%;
    display: inline-block;
}

#rect1 {
    fill: url(#Gradient1);
}

.stop1 {
    stop-color: red;
}

.stop2 {
    stop-color: black;
    stop-opacity: 0;
}

.stop3 {
    stop-color: blue;
}